<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" charset="utf-8" />
		<title>新闻详情</title>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/normalize.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/main.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__Public/css/fsgallery.css" />
	</head>
	<body>
		<div class="detailbox">
			<div class="new-title">{$model.name}</div>
			<div class="new-subtitle">
				<span class="f12 clr-subf author">作者：{$model.news_author}</span>
				<span class="f12 clr-subf date">时间：{$model.create_time}</span>
			</div>
			<div class="detailcontent f14">
				<!--<img src="img/ad.jpg">-->
					{$model.news_body}
			</div>
		</div>
	</body>
	<script src="__TMPL__Public/js/jquery-1.9.1.js" ></script>
	<script src="__TMPL__Public/js/fs_forse.js"></script>
	<script>
		$(function(){
			//图片全屏显示
			$(".detailcontent img").each(function(i,demo){
				$(this).wrap("<a href='"+demo.src+"' rel='[gall1]'></a>");
			});
			$('a[rel] img').fsgallery();
			//监听所有图片，防止图片溢出窗口宽度
			var window_width = $(window).width();
			$(".detailcontent img").each(function(i,demo){
				if(demo.width>window_width){
					$(this).css('width','100%');
				}
			});
		});
	</script>
</html>
